<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>

<body>
<div th:replace="common/top">

</div>
<div id="Content">
            <div class="check-div form-inline">
              <div class="col-xs-4">
                <form action="/user" method="get" >
                  <input type="text" class="form-control input-sm" name="username" placeholder="输入username搜索">
                  <button class="btn btn-white btn-xs " type="submit" >查 询 </button>
                </form>
              </div>
              <div class="col-xs-4">
                <form>
                  <input type="text" class="form-control input-sm" name="username" placeholder="输入firstName搜索">
                  <button class="btn btn-white btn-xs " type="submit">查 询 </button>
                </form>
              </div>
              <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
                <form>
                  <select>
                    <option value="上架中">上架中</option>
                    <option value="未上架">未上架</option>
                  </select>
                  <button class="btn btn-white btn-xs " type="submit">查 询 </button>
                </form>
              </div>
            </div>

            <div  style="overflow-y:auto;width:100%;height: 560px;border-top: 1px solid blue;">
              <table class="table table-striped">
                <tr>
                  <th>productid</th>
                  <th>category</th>
                  <th>name</th>
                  <td>check item</td>
                  <th>操作</th>
                </tr>
                <tr th:each="product:${productList}">
                  <td th:text="${product.productId}"></td>
                  <td th:text="${product.categoryId}"></td>
                  <td th:text="${product.name}"></td>
                  <td><a th:href=" @{'/catalog/itemManagement?productId='+${product.productId}} "  th:text="查看物品"></a></td>
                  <td> <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeChar">修改</button>
                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteChar">删除</button></td>
                </tr>

              </table>
            </div>

            <div>
              <form>
                <table>
                  <tr><td>新增</td></tr>
                  <tr><td><input type="text" name="username" placeholder="新增产品Id"></td></tr>
                  <tr><td><input type="text" name="username" th:value="${category.categoryId}" ></td></tr>
                  <tr><td><input type="text" name="username" placeholder="新增类别名"></td></tr>
                  <tr><td><button class="btn btn-white btn-xs " type="submit"> 添加 </button></td></tr>
                </table>

              </form>
            </div>
</div>
<div th:replace="common/bottom">

</div>
</body>
</html>